<html>
<head>
    <style>
        * {
            margin: 0px;
            box-sizing: border-box;
        }
    </style>
</head>
<body>
<div style="background-color: red; padding: 32px; height: 300px; width: 300px; display: flex; overflow: hidden;">
    <div style="background-color:yellow; padding:32px; flex: 1; display: flex; overflow: hidden;">
        <div style="background-color:green; padding:32px; flex: 1; display: flex; overflow: hidden;">
            <div style="background-color:white; display: flex; flex: 1; justify-content: center; align-items: center">
                <div>ciao</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>